<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="generator.js"></script>
    <script src="data.js"></script>
    <title>老公生成器Random husband generator</title>

    <!-- 优化一下移动端展示效果 -->
    <!-- https://www.bootstrapcdn.com/ -->
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" />

</head>
<body class="container">
<h1 style="margin:30px 0px 10px 0px;">老公生成器v1.0</h1>
<table class="table table-hover">
    <tr>
        <td id="heightText">身高</td>
        <td id="height">--</td>
    </tr>
    <tr>
        <td id="weightText">体重</td>
        <td id="weight">--</td>
    </tr>
    <tr>
        <td id="cupsizeText">LENGTH</td>
        <td id="cupsize">--</td>
    </tr>
    <tr>
        <td id="skinText">肤色</td>
        <td id="skin">--</td>
    </tr>
    <tr hidden>
        <td id="ageText">年龄</td>
        <td id="age">--</td>
    </tr>
    <tr>
        <td id="hairstyleText">发型</td>
        <td id="hairstyle">--</td>
    </tr>
    <tr>
        <td id="hairColorText">发色</td>
        <td id="hairColor">--</td>
    </tr>
    <tr>
        <td id="eyeColorText">瞳色</td>
        <td id="eyeColor">--</td>
    </tr>
    <tr>
        <td id="attributeText">属性</td>
        <td id="attribute">--</td>
    </tr>
    <tr>
        <td id="characterText">性格</td>
        <td id="character">--</td>
    </tr>

</table>
<div class="form-group" style="text-align:center;">
    <button type="button" onclick="startGenerator()" class="btn btn-primary btn-lg" >一键生成老公</button>
</div>
<!--<div class="form-group" style="text-align:right;">-->
    <!--<a href="https://adnmb1.com/t/15788691">讨论地址</a>-->
    <!--<a href="https://github.com/reed-chan/Random-waifu-generater">Source</a>-->
<!--</div>-->
</body>
</html>